@charset "utf-8";
/* position fixed*/

/* CSS Document */
body {
	font-family:Arial;
	margin:0 0 0 0;
	color:#666666;
	background: #666666;
	font:12px;
}
img {
	border:none;
	behavior: url(/css/iepngfix.htc);
}
.highlight {color: #FF6600; }
/*generic transparency */
.transparency{
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
}

/* logo */
#logo {
	margin-left: 10pt;
	margin-top: 3pt;
	border: 0px;
}
/* Top BG */
#TopBg{
	display:block;
	height:110px;
	width:100%;
	position:relative;
	z-index: 90;
	overflow:hidden;
}
#TopBg .transparency{
	top:0;
}
/*----------------------------------------------------------Menu CSS----------------------------------------------------------*/
.lavaLampBottomStyle {
	height: 29px;
	position: absolute;
	left:150px;
	top:10px;
	width: 100%;
	padding: 5px;
	margin: 5px 0;
	border-bottom: 1px solid #b4b4b4;
}
.lavaLampBottomStyle .current{
	color:#f58f36;
}
.lavaLampBottomStyle li {
	float: left;
	list-style: none;
}
.lavaLampBottomStyle li.back {
	border-bottom: 3px solid #f58f36;
	width: 9px;
	height: 33px;
	position: absolute;
}
.lavaLampBottomStyle li a {
	font: normal 13px arial;
	text-decoration: none;
	color: #ffffff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: inline;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 8px;
	_margin: auto 6px;
}
.lavaLampBottomStyle li a:hover{
	color:#f58f36;
}

/*-------------------------------------------------------End of Menu CSS-------------------------------------------------------*/
/*--------------------------------------------------------Sub Menu CSS---------------------------------------------------------*/
#nav-bar ul {
	white-space:nowrap;

/*
	display:inline-block;
*/
	/*
border: 1px solid #f00;
*/
}
.slidenav {
}
.slidenav a {
}
.slidenav ul, .slidenav ul li {
}
.subnav ul li, .subnav ul, .slidenav-box {
}
.slidenav ul li ul a, .subnav ul li ul a {
	font-size:12px;
	color:#f58f36;
	padding:0px 5px;
	margin:0px;
	border-right:#f58f36 1px solid;
	height:16px;
	float: left;
}

.slidenav li.last a, .subnav li.last a {
	border-right:none;
}

.slidenav ul li, .subnav ul li {
    float: left;
}
.slidenav ul li ul {
    display: none;
    position: absolute;
    top: 2.5em;
	width:85%;
	left:-30px;
}
.subnav ul {
    display: none;
	font-size: 11px;
	width:200px;
}
/*-----------------------------------------------------End of Sub Menu CSS------------------------------------------------------*/
/* TopMenu */
#TopMenu{
	width:100%;
	height:25px;
	font-size:10px;
	position:absolute;
	top:0;
	left:0;
}
#TopMenu a{
	text-decoration:none;
	line-height:24px;
	font-size:12px;
	color:#c0c0c0;
	white-space:nowrap;
	margin-left: 20px;
}
#TopMenu a:hover{
	color:#f58f36;
	text-decoration:underline;
}
#TopMenu input{
	color:#333333;
	width:70px;
	height:10px;
	border:#999999 1px solid;
	font-size:10px;
}
/* change language */
#lang{
	position:absolute;
	top:80px;
	right:40px;
}
#lang a{
	color:#f58f36;
	font-weight:bold;
	font-size:14px;
}
#lang a:hover{
	color:#ffffff;
	text-decoration:none;
}

/* marquee */
#marquee{
	width:720px;
	position:absolute;
	top:80px;
	right:250px;
	z-index:11;
}
#marquee a{
	color:#c0c0c0;
	font-size:12px;
	text-decoration:none;
}
#marquee a:hover{
	cursor:pointer;
	color:#f58f36;
}
/* member */
.member{
	width:180px;
	height:95px;
	display:block;
	position:absolute;
	bottom:34px;
	_bottom:8px;
	left:4px;
	z-index:80;
}
.member_bg{
	behavior: url(/css/iepngfix.htc);
	background:url(/img/site/MemberBG.png) no-repeat;
	/*position:relative;*/ /*Fix ie bug*/
	/*height:100%	*/
	padding-top:1px; /*Fix google gnome bug*/
	height:120px;
}

.member a{
	behavior: url(/css/iepngfix.htc);
	/*height:100%*/
}

.member b{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-left:5px;	
	line-height:15px;	
}
.member u{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	width:100%;
	color:#ffffff;
}
.member li{
	list-style-type:none;
	background:url(/img/site/coin.png) no-repeat;
	color: yellow;
	font-size:13px;
}
.member a{
	text-decoration:underline;
	color:#ffffff;
	font-size:10px;
	width:100%;
}
.member .photo{
	width:40px;
	border:#d5d6d7 1px solid;
}


/* footer */
#footer{
	left:0px;
	bottom:0px;
	height:25px;
	position:absolute;	
	font-size:12px;
	color:#ffffff;
	width:100%;
	text-align:right;
	line-height:25px;
	z-index:80;
}
#footer .transparency{
	left:0px;
	bottom:0px; /* Other browser*/
	_bottom:-2px; /* Fixed IE 6*/
}
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}




/* ------------------ general form ------------------ */
fieldset{
	border:0px;
}
div.form input[type="text"], div.form input[type="password"]{
	width:300px;
}
div.form input.datepicker{
	width:100px;
}
div.form select{
	/*margin-left:5px;*/
}
div.form, div.view{
	padding:10px;
	border-top: 0px;
	padding-bottom: 60px;
}
div.form div{	
	margin:10px 0px 10px 0px;
}
div.form div label
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: left;
	width: 200px;
}
/* Button and hyperlink hover */
input.hover, a.hover {
	border:0px;
	background: url(/img/site/btnBG.jpg) repeat-x #FF8800;
	color: #ffffff;
	font-weight: bold;
	font-family:Verdana;
	font-size:12px;
	padding: 3px 20px 3px 20px;
	margin-right:20px;
}
input.hover {
	_padding: 2px 20px 2px 20px; /* Fix IE 6 */
}
input.hover:hover, a.hover:hover{	
	background: url(/img/site/btnBG_hover.jpg) repeat-x #666666;
	cursor:pointer;
}
/** Tables cake-sql-log **/
table.cake-sql-log {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
table.cake-sql-log th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
	background-color: #003D4C;
	color: #ffffff;
}

table.cake-sql-log tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
	font-size:12px;
}
table.cake-sql-log tr:nth-child(2n) td {
	background: #f5f5f5;
}
table.cake-sql-log .altrow td {
	background: #f5f5f5;
}

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;	
}
.cake-sql-log caption {
	margin-top:20px;
	color:#333;
}
/** container **/
#container{
	width:100%;
	height:100%; 
	position:absolute; 
	top:0; 	 
	z-index:4; 
	overflow:hidden;
}
/** content **/
#content {
    width: 80%;
    margin: 10px auto 30px auto;
	/*background:#ffffff url(/img/site/defaultBG.jpg) 50% -50px no-repeat;*/
	padding:20px;
}

#content h3 {
    line-height: 10px;
    color: #f68b23;
    font-weight: bold;
    font-size: 14px;
}

#content p.error {
    background-color: #f68b23;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}

#content p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}

/* content - news */
#content div.news h4 {
    color: #f68b23;
    font-weight: bold;
    font-size: 14px;
}
#content div.news hr {
    border-top: 1px dashed #000000;
    border-bottom: 0px;
}
#content a {
    text-decoration:none;
}
div .news a{
	font-size: 10px;
}
div .news .date{
	/*float:right;*/
	font-weight:normal;
	font-size: 12px;
	color:#A0A0A0;
	/*padding-right:10px;*/
}

/* error-message */
.error-message{
	color:red;
	font-size: 12px;
	padding-bottom: 5px;
}
.success-message{
	color:blue;
	font-size: 12px;
	padding-bottom: 5px;
}
#mainContainer{
	max-height: 400px;
	padding-right:35px;
	padding-bottom: 50px;
}
#mainContainer .message{
	color:red;
	font-size: 12px;
	padding-bottom: 5px;
}


#mainContainer input{
	margin: 5px 5px 5px 5px;
	font-size: 12px;
}
/* cake form */
#mainContainer .form_title{
	font-weight: bold;
	font-size: 14px;
	color:#F68B23;
}

#mainContainer fieldset{
	padding-left:20px;
	margin:20px 20px 20px 20px;
}
/* ------------------ message ------------------ */

.form-error{
	border:1px solid #ff0000;
}
.message{
	border:1px solid #ff6600;
	padding: 10px;
	background:#ffffcc;
	color:#ff3300;

	margin: 10px auto 10px auto;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border: 1px solid #f60; 
	background: #ffffcc; 
}

/* subscriber table*/
#mainContainer .s_table td{
	font-size: 14px;
	background-color:#DDDDDD;
	color:#000000;
}

#mainContainer .s_table td{
	padding: 2px 10px 2px 10px;
}
#mainContainer .s_table .table_header td{
	font-weight: bold;
	font-size: 14px;
	background-color:gray;
	color:#FFFFFF;
}

/* login */
#logout_div a{
	display:block;
	width:72px;
	height:75px;
	margin:-0.3em;
}
#login_div{
	height:75px;
}
#logout_div{
	margin-left: auto ;
	margin-right: auto ;
	width:72px;
	height:75px;
}
#login_div input{
	width: 135px;
	height: 15px;
	font-size: 11px;
	padding: 0;
}
/* body_background*/
#body_background{
	overflow:hidden;
}
/* body_content*/
#body_content{
	overflow:auto;
}
.word_break_102{
	width:auto;
	height:102px;
    word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}
#tbco {
	border : 1px solid #ff9900;
}
#tbco td{
	border-left:   1px   solid   #ff9900;
	border-bottom:   1px   solid   #ff9900;
	border-top:   1px   solid   #ff9900;
	border-right:   1px   solid   #ff9900;
	bordercolor="#ff9900";
}
.contentBox {
	top: 0px;
	font-size: 10pt;
	font-family: Arial;
	padding: 0pt 40px;
	padding-bottom:20px;
	line-height: 18px;
}
.contentBox table{
	border:none;
	width:100%;
	background:#ffffff;
	font-size: 10pt;
}
.contentBox td{
	padding:5px;
	border-bottom:#E5E5E5 1px solid;
	border-right:#E5E5E5 1px solid;
}
.contentBox tr:nth-child(odd){
	background:#ffffff;
}
.contentBox tr:nth-child(even){
	background:#E5E5E5;
}
.contentBox th{
	border: 1px solid #FAFAFA;
	vertical-align: middle;
	background-color: #f58220;
	color: #ffffff;
	text-align: center;
	line-height:30px;
}
.contentBox td p{
	margin:0px;
	padding:0px;
}
.contentBox h3{
	font-size:24px;
	color:#f58220;
}
.contentBox border{
	border-color:#E5E5E5;
}
.smallbox td{
	width:300px;
	background-color:#FFF;
	padding-bottom:20px;
}
.smallbox p{
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	line-height:20px;
}
.smallbox a {
	font-size:12px;
	color:#666666;
}
.smallbox a:hover {
	color:#F60;
}

#searchresult{
	padding:0 20px 0 20px;
	border-top: 1px dotted #666666;
}
#searchresult h3 a{
	color:#F80;
	font-size:14px;
	line-height:28px;
}
#searchresult h3 a:hover{
	color:#333333;
}
#searchresult p{
	color:#666666;
	font-size:12px;
	line-height:24px;
	text-align:justify;
}
#clickindex{
    font-size: 12px;
    line-height: 28px;
}
#clickindex a{
	   color: #333333;
    font-size: 12px;
    line-height: 28px;
}
#clickindex a:hover{
	   color: #FF8800;
    font-size: 12px;
    line-height: 28px;
}

.contentlist {
	position:relative;
	padding:5px;
	background-color: white;
	width: 960px;
	margin:0 auto;
}
.contentlist .title{
	background:url(/img/site/contentTitBG.jpg) repeat-x 0% 50%;
}
.contentlist .title a{
	background:#FFF url(/img/site/contentTitPt.jpg) no-repeat 100% 50%;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#F90;
	padding-right:10px;
}
.contentlist .title a:hover{
	color:#666666;
}
.contentlist .intro a{
	color:#999;
	font-size:12px;
	line-height:20px;
}
.contentlist .intro a:hover{
	color:#666666;
}
.contentlist td {
	border-bottom:#CCCCCC thin dotted;
	padding:10px;
}
#map_line{
	font-size: 12px;
	color: #666666;
	line-height:18px;
	padding-bottom:5px;
	border-bottom:#888888 1px solid;
	margin-bottom:15px;
}
/*#map_line a:link, #map_line a:visited{
	color: #ff8800;
}*/
#map_line a{
	color: #666666;
	padding-left:3px;
	padding-right:3px;
}
#map_line a:hover{
	color: #ff6600;
	text-decoration:none;
}

/* Layer 1 banner */
#small, #small img, #s, #s img {
	width:296px;
	display:block;
}
#medium, #medium img, #m, #m img {
	width:455px;
}
#large, #large img, #l, #l img {
	width:930px;
}
.title_banner {
	position:relative;
	float:left;
	margin-bottom:15px;
	padding: 5px 0px;
	margin: 0 10px;
	height:195px;
	background:url(/img/site/contentBox_bg.png) 0 0 repeat-x;
}
.title_banner img{
	height:160px
}

.title_banner ul, li {
	text-decoration:none;
	padding:0;
	margin:0;
	list-style:none;
}
.title_banner ul li {
	background:url(/img/site/titBG.jpg) repeat-x;
	text-decoration:none;
	height:25px;
	color:#fff;
	text-indent:10px;
}
.title_banner a {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:25px;
}
.title_banner a:hover {
	color:#666666;
}

/* Layer 2 banner */
.sub_title_banner{
	position: relative;
	border-spacing: 0px;
	padding: 0px;
	border: 1px solid #666666;
	height: 100px;
	text-align: center;
	margin:0px;
}

/* learn more */
.learn_more, .title_learn_more{
	position:absolute;
	z-index: +1;
	right: 0px;
	width:70px;
	height:16px;
	bottom:0px;
	overflow:hidden;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	word-spacing: nowrap;
	padding-left: 10px;
	-moz-border-radius-topleft: 6px; 
	-webkit-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;		
	opacity:0.7; 
	filter:alpha(opacity=70);  
	-moz-opacity:0.7;  
	background-color:#666666; 
	text-align: center;
}

.learn_more a {
	color: #ffffff;
	text-decoration: none;
}

.learn_more a:hover {
	color: #ffffff;
}

/* learn more extra style for title image */
.title_learn_more{
	bottom:15px;
	_bottom:14px;
}

.title_learn_more a {
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}

.title_learn_more a:hover {
	color: #ffffff;
}